<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <title>
        个人信息
    </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../static/css/index.css" media="all">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <style>
        .imgs {
            display: none;
        }
        
        input[type="file"] {
            width: 50px;
            height: 50px;
            border-radius: 100%;
            opacity: 0;
            cursor: pointer;
            border: 1px solid red;
            position: absolute;
        }
        .guangyu7 {
            margin-left: 100px;
            float: left;
            width: 200px;
            height: 200px;
        }
        #userdiv {
            /*border: #f1f2f0 solid 2px;*/
            float: right;
            margin-right: 50px;
            width: 566px;
            height: 566px;
            /*background: url("/static/img/guangyu.jpg") no-repeat top center scroll;*/
            /*background-position: ;*/
        }
        #imgdiv {
            float: left;
            margin-left: 50px;
            /*width: 100%;*/
            /*height: 566px;*/
        }
        /*#rolediv {*/
        /*    background: url(/static/img/guangyu.jpg) no-repeat top center scroll;*/
        /*    width: 1000px;*/
        /*    height: 600px;*/
        /*}*/
        /*#divtable {*/
        /*    !*background: url("/static/img/");*!*/
        /*}*/
    </style>

</head>

<body>
    <div class="x-body">
        <form class="layui-form layui-form-pane" action="/uploadfile" method="post" enctype="multipart/form-data">
            <blockquote class="layui-elem-quote">
                <input type="hidden" name="id" value="8">
                <div>
                    <input class="layui-upload " type="file" accept="undefined" id="previewImg" name="filepic" onchange="upload(this,8)">
                    <img src="../../static/img/guangyu7.jpg"  class="layui-circle" style="width:100px;height:100px;float:left" id="pimages" name="pimages" alt="个人头像">
                    <input id="avatar" name="image" required="" type="hidden" value="./images/tx.jpg">

                    <dl style="margin-left:80px; color:#019688">
                        <dt><span th:text="${name}">xiyuan</span> <span ></span></dt>
                        <dd style="margin-left:0">夕阳西下,是我最想念的时候,对着你在的那个城市,说了一声:我想你,不知道,你是否听</dd>
                    </dl>
                </div>
            </blockquote>
            <button type="submit">点击头像上传文件</button>
        </form>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <div >
                        <img src="../../static/img/guangyu4.jpg" id="imgdiv">
                        <div class="layui-tab-content" id="userdiv">
                            <div class="layui-tab-item layui-show" id="divtable">
                                <h1>
                                    尊敬的用户:[[${name}]], 你好
                                </h1>
                                <h1>
                                    你的权限:[[${role}]]
                                </h1>
                                <h1>
                                    生日：2020-02-12
                                </h1>
                                <h1>
                                    地址：河南省郑州市
                                </h1>
                                <h1>
                                    邮箱：609103760@qq.com
                                </h1>
                            </div>
                        </div>
                    </div>

            </div>
    </div>


    <script src="../../static/lib/layui/layui.js" charset="utf-8"></script>
</body>

</html>